<template>
  <dir>
    <h1>{{ msg }}</h1>
    <input type="text" v-model="msg" />
    <input type="text" name="" id="" v-model.number="aa" />
    <button @click="btn">点击</button>
    <input type="text" name="" id="" v-model.trim="bb" />
    <button @click="btnn">点击</button>
    <h1>{{ info }}</h1>
    <input type="text" v-model.lazy="info" />
  </dir>
</template>

<script>
export default {
  data() {
    return {
      msg: '我来欢迎你了',
      aa: '',
      bb: '',
      info: '',
    }
  },
  methods: {
    btn() {
      console.log(this.aa)
    },
    btnn() {
      console.log(this.bb.length)
    },
  },
}
</script>

<style></style>
